<script type="text/javascript" src="../../static/javascript/bootstrap.min.js"></script>
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="fa fa-bars fa-inverse"></span>
            </button>
            <a class="navbar-brand " href="/appadmin">快转印</a>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="{% if nav=="module" %}active{% endif %}">
                    <a href="?nav=module" role="button">产品设置</a>
                </li>
                <li class="{% if nav=="opt" %}active{% endif %}">
                    <a href="?nav=opt" role="button">自定义模型</a>
                </li>
                <li class="{% if nav=="template" %}active{% endif %}">
                    <a id="setup" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">预设素材 <b
                            class="caret"></b></a>
                    <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                        <li class="">
                            <a href="?nav=template">背景图库</a>
                        </li>
                        <li class="">
                            <a href="?nav=decorate">装饰图库</a>
                        </li>
                        <li class="">
                            <a href="?nav=frame">相框图库</a>
                        </li>
                        <li class="">
                            <a href="?nav=font">字库管理</a>
                        </li>
                        <li class="divider"></li>
                        <li class="">
                            <a href="?nav=product">设计模板</a>
                        </li>
                    </ul>
                </li>
                <li class="{% if nav=="save" %}active{% endif %}">
                    <a href="?nav=save">用户稿件</a>
                </li>
                <li class="{% if nav=="account" %}active{% endif %}">
                    <a href="?nav=account">账户管理</a>
                </li>
                <li class="{% if nav in ['pmodule','framehelp','about','solution','shareplan','contact'] %}active{% endif %}">
                    <a id="setup" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">帮助信息 <b
                            class="caret"></b></a>
                    <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                        <li class="">
                            <a href="?nav=pmodule">如何部署</a>
                        </li>
                        <li class="">
                            <a href="?nav=framehelp">如何制作相框</a>
                        </li>
                        <li class="">
                            <a href="javascript:;"
                               onclick="winopen=window.open(&quot;{{ website.url }}/svg/svg-editor.html&quot;,&quot;_svgeditor&quot;);winopen.focus()">SvgEditor</a>
                        </li>
                        <li class="divider"></li>
                        <li class="">
                            <a href="?nav=about">关于快转印</a>
                        </li>
                        <li class="">
                            <a href="?nav=solution">解决方案</a>
                        </li>
                        <li class="">
                            <a href="?nav=shareplan">素材共享计划</a>
                        </li>
                        <li class="">
                            <a href="?nav=contact">联系我们</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>